<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>飞机购票</title>
</head>
<body>
<div id="top-nav">
    <div class="s-nav">
        <div class="container">
            <div class="logo-box col-md-5 hidden-sm hidden-xs">
                <img src="img/logo.png" alt="">
            </div>
            <ul class="s-nav-tabs col-md-7 col-sm-12 col-xs-12">
                <li class="p-li"><a class="on" href="./index.html">首页</a></li>
                <li class="p-li"><a href="news.html"><span class="hidden-xs">旅游</span>资讯</a></li>
                <li class="p-li"><a href="tickets.html">机票<span class="hidden-xs">订购</span></a></li>
                <li class="p-li-hide hidden-xs"><a href="view.html">风景欣赏</a></li>
                <li class="p-li"><a href="about.html"><span class="hidden-xs">关于</span>公司</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="s-main">
    <div class="top-img-box">
        <img src="img/search.jpg" alt="">
        <div class="hidden-xs" style="position: absolute;top:30%;left: 18%;color: #fff;">
            <h2 style="font-size: 34px;margin:10px 0;font-weight: bold;text-shadow: 1px 1px 0px #aaa">票务订购</h2>
            <span style="font-weight: bold;font-size: 24px;">各种飞机票、火车票、汽车票和轮渡票的订购服务</span>
        </div>
    </div>
    <div class="container">
        <div class='row h-main' style="margin-top: 30px;margin-bottom: 30px;">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <h2 class="h-title">机票预订</h2>
                <div class="trip-type">航程类型：
                    <span class="on">单程</span>
                    <span>返程</span>
                </div>
                <div class="col-md-10 col-sm-12 col-xs-12 trip-info">
                    <div class="col-md-2 col-sm-12 col-xs-12">出发城市</div>
                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <input type="text" class="form-control input-sm" placeholder="城市名">
                    </div>
                    <div class="col-md-2 col-sm-12 col-xs-12">出发时间</div>
                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <input type="text" class="form-control input-sm" placeholder="时间/日期">

                    </div>
                    <div class="col-md-2 col-sm-12 col-xs-12">返回城市</div>
                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <input type="text" class="form-control input-sm" placeholder="城市名">
                    </div>
                    <div class="col-md-2 col-sm-12 col-xs-12">返回时间</div>
                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <input type="text" class="form-control input-sm" placeholder="时间/日期">
                    </div>
                </div>
                <div class="col-md-2">
                    <button class="ticket-btn">
                        订票
                    </button>
                </div>


                <h2 class="h-title" style="padding-top: 10px;clear: both;">最新机票</h2>
                <div class="trip-type">热门城市：
                    <span class="on">北京</span>
                    <span>上海</span>
                    <span>广州</span>
                    <span>深圳</span>
                    <span>重庆</span>
                    <span>成都</span>
                    <span>杭州</span>
                    <span>南京</span>
                </div>

                <table class="p-table table table-bordered table-responsive table-striped">
                    <tr>
                        <td>路线</td>
                        <td>日期</td>
                        <td>价格</td>
                        <td class="hidden-xs">税费</td>
                        <td class="hidden-xs">餐食</td>
                        <td>航班</td>
                        <td>预定</td>
                    </tr>

                    <tr>
                        <td>北京-成都</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">￥745</td>
                        <td class="hidden-xs">￥50</td>
                        <td class="hidden-xs">有</td>
                        <td>春秋航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>

                    <tr>
                        <td>北京-上海</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥479</td>

                        <td class="hidden-xs">¥45</td>
                        <td class="hidden-xs">无</td>
                        <td>南方航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-深圳</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥561</td>

                        <td class="hidden-xs">¥52</td>
                        <td class="hidden-xs">有</td>
                        <td>西部航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-杭州</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥378</td>

                        <td class="hidden-xs">¥36</td>
                        <td class="hidden-xs">无</td>
                        <td>天津航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-广州</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥612</td>

                        <td class="hidden-xs">¥44</td>
                        <td class="hidden-xs">有</td>
                        <td>首都航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-重庆</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥428</td>

                        <td class="hidden-xs">¥62</td>
                        <td class="hidden-xs">有</td>
                        <td>东方航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-昆明</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥509</td>

                        <td class="hidden-xs">¥35</td>
                        <td class="hidden-xs">无</td>
                        <td>厦门航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-厦门</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥893</td>

                        <td class="hidden-xs">¥73</td>
                        <td class="hidden-xs">有</td>
                        <td>深圳航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>
                    <tr align="center">
                        <td>北京-长沙</td>
                        <td>10-15</td>
                        <td style="color: #ff6600;">¥663</td>

                        <td class="hidden-xs">¥46</td>
                        <td class="hidden-xs">无</td>
                        <td>四川航空</td>
                        <td>
                            <button class="ticket-btn2">预定</button>
                        </td>
                    </tr>



                    <tr>
                        <td colspan="7" style="cursor: pointer">加载更多航班...</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-3 hidden-sm hidden-xs">
                <div class="tags-wrap">
                    <h3>景点推荐</h3>
                    <div class="tags-box" style="min-width: 224px;">
                        <a href="" class="tags">曼谷(12)</a>
                        <a href="" class="tags">东京(8)</a>
                        <a href="" class="tags">西双版纳(12)</a>
                        <a href="" class="tags">漓江(6)</a>
                        <a href="" class="tags">呼伦贝尔(8)</a>
                        <a href="" class="tags">首尔(11)</a>
                        <a href="" class="tags">巴厘岛(19)</a>
                        <a href="" class="tags">大板(7)</a>
                        <a href="" class="tags">曼哈顿(13)</a>
                        <a href="" class="tags">斯里兰卡(6)</a>
                        <a href="" class="tags">迈阿密(14)</a>
                        <a href="" class="tags">吉隆坡(15)</a>
                        <a href="" class="tags">基伍热(20)</a>
                        <a href="" class="tags">吉普岛(23)</a>
                        <a href="" class="tags">土耳其(10)</a>
                        <a href="" class="tags">毛里求斯(12)</a>
                        <a href="" class="tags">爱琴海(9)</a>
                        <a href="" class="tags">南非(17)</a>
                    </div>
                </div>

                <div class="tags-wrap">
                    <h3>热卖旅游</h3>
                    <div class="tags-box">
                        <div class="push-place">
                            <img src="img/s1.jpg" alt="">
                            <p>曼谷-芭提雅6日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s2.jpg" alt="">
                            <p>马尔代夫双人6日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s3.jpg" alt="">
                            <p>海南双人飞5日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s4.jpg" alt="">
                            <p>大板东京富山8日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s5.jpg" alt="">
                            <p>法瑞意德12日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s6.jpg" alt="">
                            <p>巴厘岛6日半游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s7.jpg" alt="">
                            <p>塞舌尔迪拜9日游</p>
                        </div>
                        <div class="push-place">
                            <img src="img/s8.jpg" alt="">
                            <p>土耳其花式10日游</p>
                        </div>

                    </div>
                </div>

                <div class="tags-wrap">
                    <h3>旅游百宝箱</h3>
                    <div class="tags-box">
                        <a href="" class="tips">
                            <img src="img/trea1.png" alt="">
                            天气预报
                        </a>
                        <a href="" class="tips">
                            <img src="img/trea2.png" alt="">
                            火车票查询
                        </a>
                        <a href="" class="tips">
                            <img src="img/trea3.png" alt="">
                            航空查询
                        </a>
                        <a href="" class="tips">
                            <img src="img/trea4.png" alt="">
                            地铁线路查询
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="s-footer s-footer-pos">

    <div class="container">
        <div class="row hidden-sm hidden-xs">
            <div class="col-md-4">
                <em>合作伙伴</em>
                <ul>
                    <li><a href="">途牛旅游网</a></li>
                    <li><a href="">驴妈妈旅游网</a></li>
                    <li><a href="">携程旅游</a></li>
                    <li><a href="">中国青年旅行社</a></li>
                </ul>
            </div>
            <div class="col-md-4">
                <em>旅游FAQ</em>
                <ul>
                    <li><a href="">途牛旅游网</a></li>
                    <li><a href="">驴妈妈旅游网</a></li>
                    <li><a href="">携程旅游</a></li>
                    <li><a href="">中国青年旅行社</a></li>
                </ul>
            </div>

            <div class="col-md-4">
                <em>联系方式</em>
                <ul>
                    <li><a href="">途牛旅游网</a></li>
                    <li><a href="">驴妈妈旅游网</a></li>
                    <li><a href="">携程旅游</a></li>
                    <li><a href="">中国青年旅行社</a></li>
                </ul>
            </div>
        </div>
        <div class="sm-xs-text">
            客户端&nbsp;|&nbsp;触屏版&nbsp;|&nbsp;电脑版
        </div>
    </div>
    <div class="copy-right hidden-xs">
        CopyRight&nbsp;&copy;YCKU上善云图旅游网|苏ICP备120110119号|旅行社经营许可证：L-YC-BK12345
    </div>
</div>
</body>
<script type="text/javascript" src="js/index.js"></script>
</html>